<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>按Enter进行光标切换 + 表单事件submit reset</title>
</head>
<body>
    <form id="register">
        <p><label>用户姓名：</label><input type="text" id="user"></p>
        <p><label>电子邮箱：</label><input type="text"></p>
        <p><label>手机号码：</label><input type="text"></p>
        <input type="submit" value="提交">
        <input type="reset" value="重置">
    </form> 
</body>

<script>
    //获取表单和需要验证的元素对象
    var regist = document.getElementById('register');
    var use = document.getElementById("user");
    regist.onsubmit = function(event){
        var event = event || eindow;
        return use.value ? true:false;
    }
    regist.onreset = function(event){
        var event = event || window.event;
        return confirm("请确定是否要重置信息，重置后表单的内容全部清空")
    }
</script>



<!-- <script>
    var inputs = document.getElementsByTagName("input");//获取到所有input标签元素，getElementsByTagName拿到所有元素对象的集合
    for(var i = 0;i < inputs.length;++i){
        inputs[i].onkeydown = function(e){//当input获得焦点并按下键盘，执行的函数，e参数里面包含有按下键盘的相关属性
            var e = event || window.event;//兼容性处理
            console.log(e);
            console.log(e.keyCode);
            if(e.keyCode === 13){//如果当前的键盘按下的是enter，查询键盘键值表 enter键keycode为13
                for(var i = 0;i<inputs.length;++i){
                    if(inputs[i] == this){
                        //计算下一个input元素的下标
                        var index = i + 1 >= inputs.length ?0:i+1;
                        break;
                    }
                }
                if(inputs[index].type ==="text"){
                    inputs[index].focus();//触发focus事件
                }
            }
        }
    } -->
</script>
</html>